@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width: 1200px;margin:0 auto;}
em, i{font-style:normal;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:700px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#298204}
.flexslider .slides a img{width:100%;height:700px;display:block}

/*header start*/
.header{height: 100px;background:#ffffff7a;position: fixed;z-index: 99999999; width: 100%;}
.header .head_body{padding: 0 30px;}
.header .head_body > ul{margin-right: 20px}
.header .head_body > ul > li{float: left;line-height: 100px;font-size: 17px;padding: 0 13px;position: relative;}
.header .head_body > ul > li > a{display: block;color: #333}
.header .head_body > ul > li:hover {background: #298204;}
.header .head_body > ul > li:hover a{color:#fff}
.header .head_body > ul > li .sub{position: absolute;top: 100px;left:0px;width: 100%;display: none;}
.header .head_body > ul > li .sub li{height: 45px;line-height:45px;background: rgba(0,0,0,0.6);width: 100%;text-align: center;}
.header .head_body > ul > li .sub li a{color: #333;font-size: 14px;}
.header .head_body > ul > li .sub li:hover {background: #298204;}
.header .head_body > ul > li:hover .sub{display: block;}
.header .head_body > ul li.on {background: #298204;}
.header .head_body > ul li.on a{color: #fff;}
/*产品中心*/
.product{padding: 120px 0;}
.pro_body ul{padding:0  0 50px 0;}
.pro_body ul li{float: left;width: 330px;height:247.5px;margin-right: 90px;display:inline;border: 5px solid #e6e5e5;position:relative;}
.pro_body ul li:nth-child(3n){float:right;margin-right: 0;}
.pro_body ul li img{display:block;box-sizing:border-box;width:330px;height: 247.5px;}
.pro_body li em{ display:block;height:1px; width:100%; border-top:1px dashed #e4e4e4; font:16px "Microsoft YaHei"; position:absolute; bottom:-15px;}
.pro_body li em:before{ content:"";  width:100%;position:absolute; top:-1px; left:0; width:0; height:1px; background:#0065b0;}
.pro_body ul li p{line-height: 80px;font-size: 18px;text-align: center;}
.pro_body ul li a:hover em:before{ width:100%;-webkit-transition: width .5s; transition:width .5s;}
.pro_body ul li a{display: block;text-align:center;line-height:40px; color:#0065b0;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.pro_body ul li:hover{border:5px solid #0065b0;}
.pro_body .pro-mask{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;background-color: #000;opacity: 0.4;transition: all 1s;}
.pro_body .pro-mask:hover{opacity: 0;}

/*统一使用的标题*/
.pubtitle{text-align: center;height: 140px;}
.pubtitle i{display: block;margin: 0 auto;top: 50%; width:170px; height: 1px; border-bottom-style: solid;border-bottom-color: #298204;}
.pubtitle span{display: block;  margin:0 auto;line-height: 40px;font-size:36px;color: #666;text-transform:uppercase;font-weight: bold;font-family: "arial"; opacity: 0.5;}
.pubtitle p{font-size:28px;color: #444;text-align:center;line-height: 40px;}

/*关于*/
.about{background: url(../images/abbg.jpg) repeat center;padding-top: 60px;}
.about .nr .cfimg {float: right;width: 560px;height: 420px;line-height: 420px;}
.about .nr .wz{width:640px;}
.about .nr .wz p{color: #666;line-height: 25px; text-indent: 2rem;}
.about .nr p.tit {font-size: 18px;color: #1B4F9B;font-weight: normal;margin: 0 0 20px;border-bottom: 1px solid #ddd;}
.about .nr p.tit span {display: block;font-size:22px;color: #333;line-height: 45px;}
.about .nr .iconlist{padding: 34px 0 18px 0;}
.about .nr .iconlist li{width:100px;height: 95px;float: left;margin-right:100px;}
.about .nr .iconlist li img{width:60px;height: 60px;display:block;margin:0 auto;}
.about .nr .iconlist li a{display: block;text-align: center;color: #298204;line-height: 35px;font-size: 16px;}
.about .nr .iconlist li a:hover{color:gray;}
.about .nr .iconlist li img:hover{-webkit-filter: grayscale(100%);-webkit-filter: grayscale(1);filter: grayscale(100%);filter:gray;}

/*工程案例*/
.honor{background:url(../images/honorbg.jpg) repeat center;height:319px;}
.honor .slogen{padding:96px 0;}
.honor .slogen p.p1{font-weight: bold;padding-left: 10px;font-size:30px;color: #fff; line-height:50px;}
.honor .slogen p.p2{font-size:16px;padding-left: 10px;color: #eee; line-height:35px;text-transform:uppercase;border: 1px solid #298204;background-color:#298204;padding-right: 10px;}
.honor .slogen p.p3{font-size:16px;padding-left: 10px;color: #ccc; line-height:40px;}
.honorlist {padding:75px 0;width:780px;}
.honorlist li {float:left;width:220px;height: 165px;margin-left:20px;border: 1px solid #ccc; box-sizing:border-box; }
.honorlist li img {height:100%;width:100%;}
.honorlist .next{position: absolute;top: 50%;width: 40px;height: 40px;margin-top:50px;z-index: 2;background: no-repeat 0 0;margin-right: -93px;}
.honorlist .prev {position: absolute;top: 50%;width: 40px;height: 40px;margin-top:50px;z-index: 2;background: no-repeat 0 0;left: -30px;}
.honorlist p{width: 55px;height: 55px; position: absolute; top: 100px;z-index: 30;}
.honorlist p.prev {left: -43px;background-image: url(../images/hz_lico01.png);}
.honorlist p.prev:hover {background-image: url(../images/hz_rico01.png);}
.honorlist p.next {background-image: url(../images/hz_lico02.png);right:359px;}
.honorlist p.next:hover{background-image: url(../images/hz_rico02.png);}

/*新闻*/
.news{overflow: hidden;padding:120px 0;}
.n_l{width: 620px;position: relative;background-color:#f1f1f1; padding: 30px;}
.n_l .tit1{ position: absolute; left: 0; top: -6px; left: 29px; text-align: center; width: 68px; height: 68px; background: #0065b0; font-weight: normal; font-size: 18px; color: #fff;}.n_l h3 a{ color: #fff;}
.n_l .tit1 span{ display: block; padding-top: 11px;}
.n_l .tit1 a{color: #fff;}
.n_l .n1{ height: 246px;}
.n_l .n1 .tit{ height: 40px; line-height: 40px; font-weight: normal;}
.n_l .n1 .tit a{ color: #0065b0; font-size:16px;width: 430px;display: block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.n_l .n1  p{ color: #666666;line-height: 23px; width: 610px;}
.n_l .n1 .nimg img{width:620px;height: 150px; }
.n_l .n1 a.det{display: block;font-weight: bold;color: #0065b0}
.n_l ul li{ overflow: hidden; padding: 20px 0; border-top: 1px dotted #c5c5c5;}
.n_l ul li i{ display: block; width: 50px; padding-right: 18px; border-right: 1px solid #bdbdbd; height: 50px; float: left; color: #999999; font-size: 12px; margin-right: 30px;}
.n_l ul li i span{ display: block; line-height: 100%; font-size: 30px; color: #444; line-height: 100%; text-align: center;}
.n_l ul li em{ display: block; line-height: 30px; height: 30px; width: 515px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-size: 16px}
.n_l ul li em:hover {color: #0065b0}
.n_l ul li p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 20px;color: #777}
.n_l a.more { display: block; width: 140px;  line-height: 38px; color: #fff; font-size: 14px;font-weight: normal; background: #298204; border-radius: 7px; text-align: center;}
.n_l a.more:hover{background:#989898;}
/*右侧*/
.n_r{ width: 430px; padding: 29px; background-color:#f1f1f1;}
.n_r .tit3{ line-height: 100%; padding: 0px 0 30px 0; line-height: 100%; color: #444444; font-size: 20px;font-weight: bold;}
.n_r .tit3 a{ color: #444;}
.n_r ul li i{ display: block; padding-left: 30px;background:url(../images/mt1.png) no-repeat;line-height: 25px;}
.n_r ul li i a{ display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; color: #333;}
.n_r ul li i a:hover{ color: #0065b0;}
.n_r ul li em{ display: block; margin:14px 0 0 0px; font-size: 14px; color: #888; line-height: 25px;background:url(../images/mt2.png) no-repeat 0 2px; padding-left: 30px; padding-bottom: 10px;margin-bottom: 20px;border-bottom:1px solid #ccc;}
.n_r a.more{ display: inline-block; margin-top: 20px;width: 140px; height: 38px; line-height: 38px; color: #fff; font-size: 14px;font-weight: normal; background: #298204; border-radius: 7px; text-align: center;}
.n_r a.more:hover{background:#989898;}

/*footer start*/
.footer{background: #f1f1f1;padding:60px 0;}
.footer .logo{width: 250px;margin-right: 48px;}
.footer .logo img{width: 150px;height:150px;display: block;margin:0 auto;}
.footer .logo p{text-align: center;font-size:25px;color: #298204;font-weight: bold;line-height: 35px;}
.product_list {width: 400px;}
.product_list li {float: left;width:140px;}
.product_list li:nth-child(2n) {margin-right: 0;}
.product_list li a {color: #333;font-size: 15px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:35px;}
.foot_product{width: 200px;}
.foot_product b {display:block;color: #298204;font-size: 17px;margin-bottom: 30px;}
.foot_lianxi {width: 230px;margin-left:115px;}
.foot_lianxi b {display:block;color: #298204;font-size: 17px;margin-bottom: 30px;}
.contact_list li { line-height: 35px;font-size: 16px;color: #333;}
.contact_list li p {color: #333;font-size: 15px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.contact_list li a{color: #333;}
.contact_list li img {vertical-align: middle;margin-right: 20px;}
.foot_bot{background: #ddd;line-height: 35px;}
.foot_bot span{color: #333;}
.foot_bot a{color: #333;}